<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- latest jQuery direct from google's CDN -->
<script src="http://code.jquery.com/jquery-latest.js"></script>

<title>LFDH</title>

<script>
$(document).ready(function() {
	$(".button").click(function () {
		$(".test").toggle();
	});
});	
</script>

</head>

<body>
	<a class="button" style="width:90px; height:90px;">Toggle</a>
	<br />
	<div class="test" style="display: block;">Hello</div>
	<br />
	<div class="test" style="display: none;">Good Bye</div>
	
</body>
</html>
